﻿/*站点标签通用样式定义*/
html,body{
font-family:Microsoft YaHei,arial,宋体;font-size:14px;line-height:1.5;color:#666666; margin:0 auto; background:#fff ;width:100%;min-width: 1200px;   }
 h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body ,span,input{ margin: 0; padding: 0; border: 0; font-family:微软雅黑,arial,宋体;}  
  
a{text-decoration:none;color:#666666; }
a:hover{ color:#0b65c2; }
ul,li{  list-style:none;}
h1{font-size:30px;}
h2{font-size:24px; }
h3{ font-size:14px;}
h4{ font-size:13px; }

.mt22{margin-top: 22px;}
.mt32{margin-top: 32px;}


/*全局样式类定义*/
.clear { clear: both; height:0; overflow:hidden;}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.inner{ width:1200px; margin:0 auto; padding: 10px 0;}
.fl{ float:left;}
.fr{ float:right;}

/*head*/
#head{height:30px; width:100%; background:#ededed; line-height:30px; font-size:12px;}
#head span{ color:#333;}
#head p a{ color:#333; padding:0 8px;}
#head p a:hover{color:#049da5;-webkit-transition: all .5s;transition: all .5s;}

/*logo*/
.logo{ height:125px;}
.logo>img{ width:100px; height:100px; float:left; margin-right:5px;}
.logon{ float:left; padding-top:30px; padding-left:15px; line-height:1.8;}
.logon h3{ color:#333; font-size:16px; font-weight:normal;}
.logon h2{ color:#000; font-size:24px; font-family:"宋体";}
.logon h2 b{ color:#049da5; font-size:34px; line-height:1;font-family:"微软雅黑";}
.logom { float:left; padding-top:40px; margin-left:100px; line-height:1.2;}
.logom p{ color:#049da5; font-size:24px; font-weight:bold;}
.logom em{ color:#999999; font-style:normal; font-family:arial; font-size:10px;}
.logor{ float:right; padding-top:30px;}
.logor img{ float:left; margin-right:10px;}
.logor h3{ font-style: normal; font-size:12px; color:#666; float:left;}
.logor h4{ font-style:normal; font-size:20px; color:#049da5; float:left; font-family:arial;}
.logor p{ float:left;}
.logor ul{ float:left; display:inline-block;}
.logor li{ float:left; list-style:none; background: url(../images/wuxing.jpg) no-repeat 0px 7px; padding-left:20px; margin-right:20px; line-height:2; font-size:16px;}


/*nav*/
nav{ background:#3c4343; height:54px;width:100%; }
nav ul,nav li{ list-style:none;}
nav>ul{ width:1200px; margin:0 auto;}
nav>ul>li{ float:left; width:171px;height:54px;  text-align:center; line-height:54px;position:relative;}
nav>ul>li a{ color:#fff; font-size:15px;display: block;}
nav>ul>li:hover{ background: #049da5; height:54px;}
.act{ background: #049da5; height:54px;}
nav>ul>li:hover>a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
nav li ul{ display:none; position:absolute; top:54px; z-index:5;}
nav li:hover ul{ display:block;}
nav li li{ background:hsla(0,0%,0%,0.5); width:110px; border-bottom:1px solid #ccc;}
nav li li a{ color:#ccc; font-size:13px;}


/*search*/
.seaa{ margin:10px auto; color:#666; font-size:12px; line-height:28px;}
.seaa p{ float:left;}
.sea{ margin:0 auto; color:#666; font-size:12px; line-height:28px;}
.sea p{ float:left;}
.sea_r{ float:right; padding-top:13px;}
.sousuo{ background:#049da5  url(../images/search.png); width:48px; height:35px; border:1px;float:right; border-radius: 17px;}
.sousuo:hover{background:#666 url(../images/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:0px;background:#f3f3f3; width:250px; height:35px; float:right; border-right:0px; padding-left:10px;border-radius: 17px;}


/*banner*/
.wrapper{width:1920px; height:475px; margin:0px auto;}
#focus{width:1920px;height:475px;overflow:hidden;position:relative;}
#focus ul{height:475px;position:absolute;}
#focus ul li{float:left;width:1920px;height:475px;overflow:hidden;position:relative;background:#000;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:1920px;height:40px;left:0;bottom:0;}
#focus .title{position:absolute;width:545px;height:40px;left:0;bottom:0;text-align:left;line-height: 40px;padding-left: 20px;color:#fff; cursor:pointer;}
#focus .btn{position:absolute;width:240px;height:10px;right:60%;bottom:30px;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:43px;height:5px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
.ban{ margin:0 auto; width:1920px;}

/*product*/
.pro{ padding:20px 0;  border-top:1px solid #dedede;}
.ptitle{text-align: center; margin:40px auto;}
.prol{width:212px; min-height:250px;background:#049da5;border-radius: 10px;}
.prol h2{ border-radius: 10px; background:#049da5; color:#fff; font-size:24px; font-weight:normal; text-align:center; line-height:2.5;}
.prol ul{margin-bottom:10px;background:#049da5; border-radius: 10px;border-left:1px solid #999; border-right:1px solid #999; padding: 10px 0;}
.lieb li{ list-style:none; background:#fff;border-bottom:0.1px solid #e9e9e9; padding:5px 10px; line-height:2.5; font-size:14px;}
.lieb li p{ float:left;margin:10px 10px; background:#000; border-radius:50%; width:15px; height:15px; color:#fff; line-height:1; text-align:center;}
.lieb li a{ color:#444444;}
.lieb li a span{display: flex; float: right;}
.lieb li:hover{ background:#049da5;-webkit-transition: all .5s;transition: all .5s; padding:5px 20px; }
.lieb li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.prob{text-align: center;}
.prob img{ padding:10px; width: 80%;}
.l_lx{background: #fff;border-radius: 10px;padding: 10px;line-height: 2em;font-weight: bold;border-left:1px solid #999;border-right:1px solid #999;}
.l_lx b{color: #F04848;font-size: 22px;}

.aboutcontent p{color: #666;font-size: 16px;text-indent: 2em;line-height: 2em;}


.pror{ float:right; width:960px;margin-top: 20px;}
.prort{ border-bottom:1px solid #999; padding-bottom:5px;}
.prort b{ font-size:18px; color:#999;line-height:2;}
.prort a{ float: right; color:#999; font-size:12px; line-height:3.5;}
.prort img{ width:35px; height:35px; float:left; margin-right:10px;}
.pron{ margin-top:20px;}
.winston{ position: relative; top:0; left:0; background:#fff; width:232px; height:299px; float:left;margin:0; overflow:hidden;border:1px solid #e9e9e9;}
.winston img{ margin:10px 10px 0 10px; width:217px;}
.winston h1{ color:#333; font-size:13px; text-align:center; font-weight:normal;margin-top: 10px;padding: 20px 0;}
.winston:hover h1{ color:#049da5;border-bottom: 4px solid #049da5;}


/*anli*/
.anli{background: #f3f7fa;padding: 54px 0;height: 970px;}
.anli .ptitle{padding-bottom: 20px;}
.anli .l1{width: 368px;height: 676px;float: left;}
.anli .lr{width: 392px;height: 330px;float: left;}
.anli .l1 .bg{width: 368px;height: 676px;line-height: 676px;}
.anli .lr .bg{width: 400px;height: 330px;line-height: 330px;}
.anli .l1 .bg,.anli .lr .bg{position: absolute;top: 0;border-radius: 10px;background-color:rgba(0,0,0,0.6);text-align: center;display: none;}
.l1,.lr{margin: 8px;border-radius: 10px;position: relative;}
.l1 img,.lr img{border-radius: 10px;}
.l1 h3{width: 368px;}
.lr h3{width: 400px;}
.l1 h3,.lr h3{z-index:99;font-size:18px;padding:20px 0;background-color:rgba(4,157,165,0.6);color: #fff;position: absolute;bottom: 0;text-align: center;border-radius: 0 0 10px 10px;}
.anli_more{width: 100%;text-align: center;margin-top: 50px;}
.anli_more a{padding: 10px 20px;border-radius: 10px; background: #F04848;color: #fff;}
.anli .l1 .bg .link_a{width: 100%;position: absolute;top: 36%;}
.anli .lr .bg .link_a{width: 100%;position: absolute;top: 20%;}
.bg_d{padding: 10px 20px;border-radius: 10px; border:1px solid #F04848;background-color:rgba(232,60,66,0);color: #fff;}
.bg_d:hover{background-color:rgba(232,60,66,1);color:#fff;}
/*about*/
.about{ background:url(../images/about_bg.png);height: 611px;width: 100%;}
.abouttitle{width: 100%;text-align: center;padding-top: 62px;}
.aboutl,.aboutr{width: 50%;float:left;}
.aboutl h3{color:#fff;font-size: 22px;}
.aboutl h6{color:#999;font-size: 11px;padding-bottom: 50px;}
.aboutl p{text-indent: 2em;color:#fff;font-size: 16px;line-height: 2em;}
.more{padding: 10px 20px;border-radius: 10px; background: #F04848;color: #fff;}
.alb{padding-top: 62px;}
.aboutr img{margin: 40px;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

/*fuwu*/
.fuwu{width: 100%;text-align: center;}
.fuwuinner{margin:-40px auto 100px;border-radius: 20px;width: 1520px;height:410px;-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;position: relative;background: #fff;}
.fuwuinner h2{font-size: 30px;width: 730px; margin:0 auto;padding: 20px 0 42px;font-weight: normal;}
.fuwuinner h2 span{color: #049da5}
.fuwuinner hr{width: 200px; float: left;margin:24px;}
.lc_list{width: 90%;margin:40px auto;}
.lc_card{width: 16%;margin: 0 4px;cursor:pointer ;}
.lc_card:hover .circle{background: #F04848;box-shadow: 0 0 0 2px #fff,0 0 0 4px #F04848;}
.lc_card:hover .lc_bt{background: #F04848;color: #fff;}

/*.lc_bt {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.lc_card:hover .lc_bt{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}*/
.circle{background: #cecece;border-radius: 50%;width: 20px;height: 20px;margin:14px -18px 0 0;}
.lc_s{}
.lc_s hr{width: 170px;background-color:#cecece;height:1px;border:none;margin:24px 0 24px 30px;}
.lc_bt{color: #333;background: #cecece;width: 100px;height: 40px; line-height: 40px;border-radius: 20px;margin:0 auto;}
.line{position: relative;left: 100px;}


/*news*/
.newtitle{width: 100%;text-align: center;padding: 50px 0;}
.new{ background:#F3F7FA; padding:20px 0;}
.news{ float:left; width:850px;}
.nt h2{ float:left; color:#049da5; font-size:18px; font-weight:normal; border-left:4px solid #049da5; padding-left:10px;}
.nt a{ float:right; color:#333; font-size:13px;}
.ncon{ margin-top:20px; padding:10px; float:left; width:830px;}
.ncon img{ float:left; margin-right:10px; margin-bottom:10px;}
.ncon h2{ font-weight:bold; color:#333; font-size:16px; margin:6px 0;}
.ncon h2 span{font-weight:normal; float:right; font-size:15px; color:#999;}
.ncon p{ font-size:16px; line-height:2em;}
.ncon p a{ color:#666;font-size: 14px;}
.nul{margin-left: 20px;}
.nul li{margin:6px 0;padding: 10px 0;border-bottom: 0.1px solid #ccc;list-style-type:disc;content:"."; color:#049da5;}
.nul li p{ width:14px; height:14px; border-radius:50%; float:left; text-align:center; color:#fff; margin-right:10px; line-height:14px; margin-top:5px;}
.nul li a{ color:#333; font-size:16px;}
.nul li b{font-weight:normal; color:#CBCDCF; font-size:16px; float:right;}
.conr{ width:334px; float:right;height: 431px;background: #049da5; border-radius: 15px;margin-top: 30px;}
.conr h2{ color:#fff; font-size:32px; text-align: center; width:100%;height: 74px;line-height: 74px;}
.contact{ width:334px; float:right; background: #fff; border-radius: 15px;}
.contact img{ margin:15px;}
.contact p{ padding:9px 14px; font-size:16px; color:#333; }

/*zhuying*/
.zhuying{background: url(../images/zybg.png) no-repeat; height: 140px;}
.zyp{color:rgb(255,255,255,0.8);font-size: 16px;width: 44%;float: right;padding-top:16px;padding-right: 350px;}
/*foot*/
.hide{display:none;}
.meau{ color:#fff;width: 90%;height: 80px;}
.meau li{ display:inline-block; list-style:none; line-height:2; margin-bottom:20px;color:#fff;font-size: 16px;width: 11%;text-align: center;}
.meau li a{ color:#fff;}
.meau li a:hover{ color:#049da5;-webkit-transition: all .5s;transition: all .5s;}
.flogo{width: 10%;float: left;height: 184px;padding-top: 50px;}
.foot_t{background: #1A212A;}
.f_r{ float: left; padding: 20px 0 0 36px;width: 86%;}
.f_r p{color:rgb(255,255,255,0.5);font-size: 18px;}
.f_r h3{color:#049da5;font-size: 35px;}
.f_r_2{position: relative;bottom: -22px;}
.f_r_3{padding: 0 20px;}
.w3{width: 30%;float: left;}
.f_b{width: 100%;height: 58px;line-height: 58px;color: rgb(255,255,255,0.5);background: #000;}
.bbb{width: 1000px; margin:0 auto;}
/*neiye*/
.content{ margin:40px auto;}
.lml{ float:left; width:220px;}
.lmt{ float:left; border:2px solid #049da5; width:212px; min-height:250px;background:#fcfcfc;}
.lmt h2{ background:#049da5; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.lmt ul{ margin-top:20px; margin-bottom:10px;}
.lmm li{ list-style:none; background:#e1e1e1; margin:10px 15px; line-height:2.5; font-size:14px;}
.lmm li p{ float:left;margin:12px 10px; background:#000; border-radius:50%; width:12px; height:12px; color:#fff; line-height:0.8; text-align:center;}
.lmm li a{ color:#444444;}
.lmm li:hover{ background:#049da5;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.lmcon h2{font-size:18px;font-weight:normal; color:#049da5; border-left:4px solid #049da5; padding-left:10px; margin:15px 0;}
.lmcon h3{ font-size:14px; line-height:2; }
.lmcon p{ line-height:2;}
.contentr{ float:right; width:940px; border:1px solid #ccc; padding:5px;}
.contentr span{float:left; font-size:13px;}
.contentr span a{ color:#049da5;margin-left: 10px;}
.contentr .om{ color:#049da5;}
.contentb { padding:15px; width:920px; float:right; margin-top:10px; min-height:700px;}



 

 .flexslider { text-align:center; width:100%; margin:0 auto; position: relative; height:680px; overflow: hidden; background:url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align:center }
.slides { position: relative; z-index: 1;}
.slides li { height: 680px;}
.slides li a{ width:100%; height:680px; display:block;}
.flex-control-nav { position: absolute; bottom: 15px;  z-index: 2; width:100%;   }
.flex-control-nav li { display: inline-block; width:38px; height: 5px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block;width:38px; height: 5px;  line-height: 50px; overflow: hidden; background:#a6b5be; color:#a5352e; cursor: pointer; }
.flex-control-nav .flex-active { background:#e93910; color:#fff;}
.bannera .flexslider { text-align:center; width:100%; margin:0 auto; position: relative; height:400px; overflow: hidden; background:#004098 url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align:center }
.bannera .slides li { height:400px;}
.bannera .slides li a{ width:100%; height:400px; display:block;}
 

   /*Main Content*/
.MainContent .card{text-align: center;width: 236px;height:280px;float: left;margin-left: 90px;-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;position: relative;margin-top: 100px;}
.card img{position: absolute;top: -54px; left: 68px;}
.card h3{font-size: 18px;margin-top: 70px;}
.card h5{font-size: 16px;color:#888;line-height: 2em}
.card h6{font-size: 18px;color:#888;font-weight: normal;line-height: 2em}
.card b{font-size: 24px;color: #f04848;}
.card p{font-size: 14px;color: #888;}
.btn1{bottom: 14px;position: absolute;left: 70px;border-radius: 5px;padding: 5px 20px;color: #fff;background-color: #07A3AC; /* 不支持线性的时候显示 */background-image: linear-gradient(to right, #07A3AC , #27DFF6);}
.btn2{bottom: 14px;position: absolute;left: 70px;border-radius: 5px;padding: 5px 20px;color: #fff;background-color: #30CDA9; /* 不支持线性的时候显示 */background-image: linear-gradient(to right, #30CDA9 , #37FFC3);}
.btn3{bottom: 14px;position: absolute;left: 70px;border-radius: 5px;padding: 5px 20px;color: #fff;background-color: #F3646E; /* 不支持线性的时候显示 */background-image: linear-gradient(to right, #F3646E , #F55982);}
.MainContent h1{text-align: center; margin-top: 70px;font-weight: normal;}

#leave_word input{line-height: 47px;text-indent: 2em;color: #999;font-size: 15px;}
#leave_word .rx{right: 18px;color: red;position: absolute;top: 12px;font-size: 21px;}
/*Article List*/
.arList li { margin-bottom:15px;}
.arList li:hover{ -moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;}
.arList li h3{ font-size:17px; line-height:44px; color:#333333; }
.arList li h6{font-weight: normal; color:#999; font-size: 13px;}
.arList li p{ color:#666; font-size: 13px;}

.arList .newsl{ float:left; width:200px;}
.newsr{ float:left;width: 720px;}
.newsl img{width: 160px;height: 116px;padding: 10px;}

/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both; }
.arTitle {   line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arDate span{background:url(../images/data.png) no-repeat left center;padding-left: 25px;}
.arDate span i{font-style:normal;color:#db0023;}
.arKeywords { height: 24px; margin: 6px auto; line-height: 24px; color: #db0023;}
.arContent { margin: 10px auto; color: #333;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.arContent P{font-size:16px;line-height: 180%; }
/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto;}
.ExhibitList li { float: left; width: 274px; margin:20px 15px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li:hover{width: 276px; -moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;}
.ExhibitList li:hover div.ImageTitle{background:#049da5;color:#fff; display:block;}
.ExhibitList li div.ImageTitle{font-size: 16px;height:60px;line-height:60px;text-align:center;background:#f6f6f6; overflow:hidden;}
.ExhibitList li img {width:274px; height:274px; }
.ExhibitList li p{height:25px;line-height:25px; overflow:hidden;}

.ExhibitLista li{ float:left; margin:15px;}
.ExhibitLista li img{ padding:5px; border:1px solid #ccc;}
/*Product Index*/
.picl {margin: 0 0 0 6px;width: 935px;}
.piclItem { float: left; width: 412px;   margin: 10px 20px 0px 10px;     background-color: #f7f7f7; border: 1px solid #d5d5d5;border-radius: 5px; }
.piclClassImage { float: left; display: inline;   margin: 15px 10px; padding: 5px; border: 1px solid #cccccc; }
.piclClassInfo { float: left; width: 190px; margin-top: 15px; }
.piclClassTitle { height: 20px; line-height: 20px; }
.piclClassTop3 { margin-top: 3px; }
.piclClassTop3 li { width: 190px; height: 24px; line-height: 24px; overflow:hidden; background: url(../images/dot.jpg) no-repeat left center;   }
.piclClassTop3 li a{padding-left:5px;font-size:14px;}
.piclClassOther { width: 180px; margin-top: 3px; text-align: center; font-size: 12px; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; }

/*Product List*/
.ProductList { margin: 0 auto; }
.pdImage { float: left;   width: 180px; height: 135px; margin: 14px 0px 0px 10px; border: 1px solid #cccccc; }
.pdInfo { float: right;  width: 670px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdListItem {border:1px solid #dfdfdf;  height: 339px;width: 30%;float: left;text-align: center;margin:10px 13px;}
.pdListItem h3{font-size: 16px;font-weight: normal;background: #f6f6f6;color: #333;height: 62px;line-height: 62px;position: relative;bottom: -17px;}
.pdListItem:hover h3{color: #fff;background: #049da5;}
.pdListItem:hover{-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;}

.pdListItem2 {border:1px solid #dfdfdf;  height: 268px;width: 28%;float: left;text-align: center;margin:10px 13px;}
.pdListItem2 h3{font-size: 16px;font-weight: normal;background: #f6f6f6;color: #333;height: 62px;line-height: 62px;}
.pdListItem2:hover h3{color: #fff;background: #049da5;}
.pdListItem2:hover{-moz-box-shadow:0px 0px 20px 2px #ccc;-webkit-box-shadow:0px 0px 20px 2px #ccc;box-shadow:0px 0px 20px 2px #ccc;}





/*Product Content*/
.ProductBox { clear: both; width: 100%; height: 197px; margin: 10px auto; background-image: url(../Images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline;   height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 710px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 710px; margin: 10px auto; }
.BoxHeader { width: 710px; height: 7px; }
.BoxFooter { width: 710px; height: 7px; }
.BoxBody { clear: both; padding: 10px; border-bottom: 1px solid #ccc;}
.RelatedProduct { clear: both; width: 710px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 710px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft {   margin-top: 10px; }
 .riList li { width: 44%; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dota.png) no-repeat left center; text-indent: 10px; float:left; margin:0 3%; }
 /*Project List*/
.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; height: 149px; margin-top: 10px; }
.pjImage { float: left; display: inline; width: 180px; height: 135px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 660px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { margin: 5px 0;}
.pjInfo .pjTitle h3{color: #db0023; }
.pjInfo .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 72px; line-height: 24px; }

/*Project Content*/
.ProjectBox {height: 175px; margin: 10px auto; border-bottom: 1px solid #ccc;}
.ProjectContent {margin: 10px auto; }

/*Job List*/
.JobList { width: 710px; margin: 50px auto 0; }
.JobListItem { margin-bottom: 30px; width: 100%; padding-bottom:30px;border-bottom:1px dotted #ccc;}
.JobPost { width: 710px; }
.JobPost tr { }
.JobPost td {height: 24px; line-height: 24px;     
    font-size: 14px;}
.JobPost td b{font-weight:normal;}
.jpTitle { width: 100px; text-align: center; font-size:14px;color:#000;}
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 3px 5px; }

/*Equipment*/
.equipment { width: 500px; height: 314px; margin: 20px auto; background-image: url(../Images/Equipment.jpg); background-repeat: no-repeat; }
.equipment a { display: block; width: 201px; height: 59px; }
.e_button { float: left; width: 201px; height: 59px; margin-right: 32px; }
.e_button_1 { float: left; width: 201px; height: 59px; margin-left: 8px; }
.e_position { margin-left: 29px; margin-bottom: 60px; padding-top: 63px; }
.e_position_1 { margin-left: 29px; }

/*Product&Project List SubTitle&Hot*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }



.shareurl{margin-top:10px;line-height: 28px;}
/*Prev Next*/
.FastMove { clear: both;  margin: 10px auto;}
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }

/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }


/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../images/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 图片点击放大
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;  
}           
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;  
}




/*产品内页集锦切图*/
.slides_container { float:left; width: 180px; overflow: hidden;  }
.slides_container a { width: 180px; height: 150px; display: block; }
.slides_container a img { display: block;  }
#slides .next, #slides .prev { float:left;  width: 20px; height: 96px; display: block; margin-top:32px; text-align:center; }




/*产品弹出窗口内的集锦图*/

.ad-gallery div{ overflow:hidden;}
.ad-gallery { width: 600px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '../images/opa75.png' ); }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*products*/
.mar_con{border:1px solid #ccc;border-radius:5px; padding:20px 10px;}
/*产品详情页图片集锦效果*/
.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}
/*评论列表*/
#comment .item{border:1px solid #FFFFFF;padding:8px 15px;}
#comment .odd{background: none repeat scroll 0 0 #F4F9FF;border: 1px solid #EDF0F1;border-radius:10px 10px 10px 10px;}
#comment .user{color:#999999;text-align: right;}
#comment .user span{margin-left: 20px;}
#comment .user .u-level{color:#088100;}
#comment dl{margin-bottom:5px;overflow:hidden;}
#comment dt{float:left;text-align:right;width:80px;}
#comment dd{float:right;overflow:hidden;width:649px;}
#comment .content{float:left;width:510px;}
#comment .date-answer{color:#999999;float:right;text-align:right;width:117px;}
#comment .useful{color:#999999;text-align:right;}
#comment .useful a{color: #005AA0;}
#comment dt b{background-image: url("../images/icon_clubs.gif");background-repeat: no-repeat;float:left;height:13px;margin:2px 3px 0 0;width:14px;}
#comment .ask b{background-position:-72px -14px;}
#comment .answer{color:#D75509;}
#comment .answer b{background-position:-57px -14px;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:263px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
 
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:40px!important;height:40px!important;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:360px;height:360px;border:1px solid #DFDFDF;}
 
.spec-scroll{clear:both;margin-top:5px;width:362px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:42px; line-height:42px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:44px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:44px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:38px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
.InfoBox { float: right; display: inline; width:330px;  height: 314px; margin-right: 10px; margin-top: 6px; line-height: 22px;     position: relative;}
.InfoBox .pdTitle{font-size:24px;font-weight:bold;color:#049da5;margin: 12px 0;}
.pdKeywords{color:#4a4a4a;font-size:12px;margin-bottom: 6px;}
.pdClass, .pdClass a{margin-bottom: 6px;}
.pdOverview{}
.pdpromo{width:100px;height:36px;line-height:36px;background:#049da5;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 0;}
.xggc{width:200px;height:36px;line-height:36px;background:#049da5;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 135px;}
.pdpromo a, .xggc a{color:#fff;}
.right-extra{float:left;}
/*产品详情页*/
.ny_detail{padding: 10px 0px 0px;}
.detail_tit{text-align: center;line-height: 30px;color: #999;}
.detail_tit h2{color: #000;font-size: 24px;line-height: 45px;text-align: center;overflow: hidden;font-family: "微软雅黑";}
.ArticleKeywords{height: 24px;line-height: 24px;text-indent: 10px;color: #007ee0;border-bottom: dashed 1px #858585;}
.cptp{text-align:center;padding:20px 0;}
.detail_wz{line-height:24px;margin: 10px auto;line-height: 24px;color: black;}
.page2 p {height: 30px;line-height: 30px;padding: 0 10px;display: block;font-weight: 200;}
.page2 p a {color: #33afb5;}
.but_tit {height: 30px;border-bottom: 2px solid #ccc;line-height: 30px;margin-top: 25px;}
.but_tit span{display:block;width:114px;height:30px;line-height:30px;color:#fff;background: #049da5;text-align:center;}
.but_tit span em{width: 6px;height: 14px;background-color: #fff;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.ljcg ul li b {display: block;width: 95px;height: 22px;float: left;color: #666;line-height: 20px;font-weight: normal;overflow: hidden;text-align: right;}
.ljcg {width: 630px;height: auto;padding: 10px 0 0 30px;overflow: hidden;}
.ljcg ul li em {font-style: normal;color: #999;font-size: 12px;line-height: 20px;padding-left: 10px;overflow: hidden;}
.mri02m_dd {width: 280px;height: 20px;border: 1px solid #D3D4D3;font-size: 12px;padding: 0px 2px;overflow: hidden;margin-left: 5px;}
.mri02m_ly {width: 400px;height: 70px;border: 1px solid #D3D4D3;padding: 0px 2px;overflow: auto;color: #B9B9B9;font-size: 12px;line-height: 22px;
margin-left: 5px;}
.ljcg ul li {padding: 0px 0px 5px;}
.mri02m_tj {width: 58px;height: 25px;margin: 8px 0px;color: #FFF;font-size: 12px;line-height: 25px;text-align: center;background: #118cda;j;overflow: hidden;
cursor: pointer;border: none;}
.xgwz ul{padding:25px 0;}
.xgwz ul li {height: 28px;line-height: 28px; text-indent:12px; border-bottom: 1px dashed #cecece;overflow: hidden;width: 47%;float: left;margin: 0 1%;}
 .xgwz ul li span {float: right;}
.zxpro_con {width: 708px;padding: 15px 0 0 0px;}
.zxpro_con li {float: left;margin: 0 15px;overflow: hidden;text-align:center;}
.zxpro_con li span {display: block;height: 30px;line-height: 30px;text-align: center;width: 206px;overflow: hidden;}
.zxpro_con li img {padding: 2px;border: 1px solid #cecece;}
.zxpro_con li a{  display: block;height: 175px;line-height: 34px;}
.zxcp li{  }
/*zdd*/
.ztitle{border-bottom:1px solid #ccc;margin-top: 20px;}
.ztitle span{float:left;display:block;width:100px;height:40px;line-height:40px;text-align:center;color:#049da5;font-size:20px;background:#f0f0f0;font-size:14px;margin:0 4px 0 0;}
.ztitle span a{color:#049da5;}
.ztitle span.tithov, .ztitle span.tithov a{background:#049da5;color:#fff;}
.zntit_con{display:none; margin: 20px 0;border-bottom: 1px solid #ccc; padding-bottom: 20px;color:#333;font-size: 14px;}
.zntit_con p{font-size:14px;color:#333;}
.zntit_con1{display:block;text-align: center;}

/*citylist css*/

.wrap {  font-size:13px;}
.wrap .clear:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}


.wrap a{text-decoration: none;}
.wrap a:hover{text-decoration: underline;}   
.wrap .cityin a,.all_city a { color:#0000cc; }


.wrap{ position:relative; margin:0 auto; width:980px;}

.wrap .s_main{ width:910px; margin:20px auto 0;}
.wrap .s_right{ width:860px; margin:20px auto 0;}
.wrap .cityin{ font-size:12px; font-weight:bold; }
.wrap .cityin a{ text-decoration:underline; margin-right:17px;float:left; display:block;font-size:14px; }
.wrap .cityin a:hover{color:#ED1C24;}
.wrap .cityin .in_cur{ font-size:14px; color:#cc0000; margin-right:5px; }
.wrap .cityin .translation { float:right; }
.wrap .cityin .translation input,.cityin .translation select { float:left; }

.wrap .in_icon{ display:block; width:8px; height:16px; float:left;margin-right:24px; background:url(diqu.gif) no-repeat ;}
.wrap .chose,.choseb{ float: left;font-weight:bold; margin-right:20px;}
.wrap .choseb{ margin-top:5px;}

.wrap .cityin_line { height:1px; border-bottom:1px solid #acacac;  margin:17px 0;position:relative; z-index:9;}


.wrap .all_city dl { overflow:hidden;zoom:1;}
.wrap .all_city dl dt {color:#6694e3; font-weight:bold;width:31px;padding-bottom:11px;}
.wrap .all_city dl dd {width:860px;}
.wrap .all_city .img {width:100px; font-size:14px;}
.wrap .all_city dl dd a {padding-bottom:11px; display:inline-block; float:left; margin-right:14px;white-space:nowrap;}
.wrap .all_city dt,.all_city  dd{ float:left;}

.wrap a.redLink  { color:#FF0000; text-decoration:underline;}
.wrap a.blackLink { color:#000; text-decoration:none; }




/*站点 浮动返回顶部*/
 
.cd-top {
  display: inline-block;
  height: 43px;
  width: 44px;
  position: fixed;
  bottom: 120px;
  right: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:  url(../images/back_top.jpg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
} 




/*站点 浮动客服*/ 
.keifu img{ border:0;}
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb;  background:#fbfbfb;}
.keifu_con ul{border-bottom: #e6e5e4 1px solid;}
.keifu_con li{padding-left:12px;} 
.keifu_con .li-qq{  height:25px; padding-top:2px;padding-bottom:2px;}
.keifu_con .li-tel-title{  font-weight: bold; font-size: 12px; height:29px; line-height:29px; 
                           border-top:1px solid #dddddd; }
.keifu_con .li-tel-num{ font-family: Arial; font-size:12px; color: #e66d15; line-height:20px;}

.keifu_con .li-feed-title{  font-weight: bold; font-size: 12px; border-top:1px solid #dddddd;padding-left:0px; }
.keifu_con .li-feed-title img{ padding-left:0px;width: 117px;  }
.keifu_con .li-feed{ font-family: Arial; font-weight: bold;color: #e66d15; }

 
.keifu_con .li-weixin-title{  font-weight: bold; font-size: 12px; height:29px; line-height:29px; 
                           border-top:1px solid #dddddd; }
.keifu_con .li-weixin{ height:96px;padding-left:0px;}
.keifu_con .li-weixin img{width: 115px;height: 115px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:10px; background:url(../images/keifu.png); background-position:0 -153px; }



/*左下角 浮动 在线留言*/ 
#SfMessWrap{
    border:2px solid #029bdb;
    padding:1px;
    width:230px;
    background:#f5f5f5;  
    z-index:100; 
    position: fixed;
    left:2px;
    bottom: 2px; 
}

#SfMessHead{
    background:#029bdb;
    line-height:28px;
    height:28px;
    text-indent:10px;
    font-size:12px;
    color:#fff;
    text-align:left;
    cursor:pointer;
}
#SfMessHead #SfMessTitle{
    float:left;
}
#SfMessHeadIcon{
    float:right;
    width:23px;
    height:25px;
    margin-right:2px;
    background-image:url(../images/icon.png);
}
.SfMessIconOpen{
    background-position:top;
}
.SfMessIconClose{
    background-position:bottom;
}

#SfMessBody{
    width:230px;
    height:225px;
    padding-bottom:5px; 
}
#SfMessBodyTop{display:none;}
#SfMessBodyMid{
    width:212px; 
    padding:0px;
    margin:0px auto;
    margin-top:5px;
}

#SfMessBodyMid input {
    border:1px solid #cccccc;
    background:#ffffff;
    color:#b89d9d;
    width:190px;
    height:17px;
    font-size:12px;
}

#SfMessBodyMid textarea {
    width:210px;
    height:73px;
    border:1px solid #cccccc;
    background:#ffffff;
    color:#b89d9d; 
    overflow:hidden; text-align:left;
    font-size:12px; padding:0px; margin:0px auto;
}

#SfMessBodyMid div {
    margin-top:3px;
    height:20px;
     
}
#SfMessBodyMid .contactmessage {
    height:76px;
}
#SfMessBodyMid .contactname {
    padding-left:20px;
    background:url(../images/company.gif) no-repeat;
}
#SfMessBodyMid .contacttel {
    padding-left:20px;
    background:url(../images/mobile.gif) no-repeat;
}
#SfMessBodyMid .contactfrom {
    padding-left:20px;
    background:url(../images/from.gif) no-repeat;
}
#SfMessBodyMid .contactemail {
    padding-left:20px;
    background:url(../images/email.gif) no-repeat;
}

#SfMessBodyMid .contactvalicode {
    padding-left: 20px; 
    background:url(../images/other.gif) no-repeat; 
}
#SfMessBodyMid .contactvalicode input { 
    width:130px; 
    height: 17px;
    float:left;
}
#SfMessBodyMid .contactvalicode img { 
    height:19px; 
    border:1px solid #cccccc;
    background:#ffffff;
    color:#b89d9d; 
    float:right; 
}
.clearboth  { 
    clear:both;
}

#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other {
    padding-left:20px;
    background:url(../images/other.gif) no-repeat;
}

#SfMessBodyBottom{ 
    width:220px;
    height:22px;
    line-height:22px;
    padding:0px;
    margin-top:10px;
}

#SfMessSubmit{
    width:40px;
    background:url(../images/send.gif);
    color:#fff;
    border:0; height:22px;
    padding:0px; 
    float:right;
}

#SfMessCopy{
    float:left;
    height:22px;
    line-height:22px; 
    margin-left:10px;
    font-size:13px;
    font-weight:bold;
    color: #666666; 
    padding-left:25px; 
    background: url(../images/sign.png) left top no-repeat;
}

.SfMessTip{
    display:none;
}
#SfMessBodyFoot{
    display:none;
}